<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p class="content"></p>
    <script>
        // 计算现在时间距离 2022年6月27号9:00 时间差 显示页面上，实时倒计时。

        setInterval(function () {
            var time = new Date(2022, 5, 27, 9, 00);    // 2022年6月27号9:00
            var nowtime = new Date();       //获取当前时间
            var difftime = parseInt((time.getTime() - nowtime.getTime())/1000);    //秒差.

            // console.log(difftime)
            var day =parseInt( difftime/(24*60*60));    //天
            var hours =parseInt(( difftime/3600)%24);   //小时
            var min = parseInt((difftime/60)%60);       //分
            var res = parseInt(difftime%60);            //秒
            // console.log(res)
            document.getElementsByClassName("content")[0].innerHTML = `距离2022年6月27号9:00还有${day}天${hours}时${min}分${res}秒`;
        }, 1000)
        

    </script>
</body>

</html>